<template>
  <div>
    <span v-for="item in 5" :key="item"
      >{{ item }}: {{ value ? "正确" : "未完成" }}</span
    >
  </div>
  <!-- <span v-if="flag">1: 未完成</span>
  <span v-else-if="!flag">1: 正确</span>
  <span v-else>1: 不正确</span> -->
</template>

<script>
export default {
  data() {
    return {
      //   num: 1,
    };
  },
  props: {
    value: {
      type: Boolean,
    },
  },
};
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>
